@import url('artists.css');
@import url('users.css');

body {
	margin: 0;
	padding: 10px 0;
	font: normal 10pt/12pt sans-serif;
}

.jsonly {
	display: none;
}
.editable:hover {
	background-color: rgb(255,255,211); /* thanks to flickr.com */
}
.editable .empty {
	font-style: italic;
	color: gray;
}

a {
	color: #008;
}
.r {
	text-align: right;
}
.hidden, .wbg span {
	display: none;
}
img {
	border: none;
}
li {
	margin-bottom: .5em;
}
table {
	border-collapse: collapse;
}
td, th {
	vertical-align: top;
	text-align: left;
}
pre {
	padding: 10px;
	background-color: #dcdcdc;
}

.fakelink {
	color: #008;
	cursor: pointer;
}
span.fakelink {
	border-bottom: dashed 1px #008;
}
.fakelink span {
	border-bottom: dashed 1px #008;
}

form.gen label,
form.gen label span {
	display: block;
}
form.gen .text, form.gen input[type=text] {
	padding: 4px;
	width: 400px;
	max-width: 400px;
	border: solid 1px #ccc;
}
form.gen .hint {
	width: 400px;
	color: gray;
	font-size: 0.8em;
	margin: 0 0 .5em;
}
form.gen div {
	margin-bottom: 1em;
}
.clearme {
	color: gray;
}

/**
 * Редактирование альбома.
 */
form.eal {
	margin-left: 40px;
}
form.eal fieldset {
	margin: 1em 0 0 -40px;
	padding: 10px;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
form.eal legend {
	font-size: 10pt;
	font-style: italic;
	margin-left: 30px;
}
form.eal ol {
	margin: 0;
	padding: 0;
}
form.eal ol li {
	margin-left: 30px;
}


#wrapper, .corsette {
	width: 760px;
	margin: 0 auto;
	position: relative;
}

/**
 * Оформление заголовка страницы.
 */
#header {
	margin-bottom: 20px;
	position: relative;
	height: 28px;
}
#header h1, #header h1 a {
	display: block;
	position: absolute;
	width: 76px;
	height: 28px;
	margin: 0;
	padding: 0;
}
#header h1 a {
	background: transparent url(../../logo.76x28.png) no-repeat top left;
}
#header .menu {
	position: absolute;
	top: 6px;
	left: 90px;
	font: 14px;
}

#header small {
	color: green;
	font-variant: normal;
	font-size: 70%;
	margin-left: 1em;
}
#header ul, #header li {
	display: inline-block;
	padding: 0;
	margin: 0;
	color: gray;
}
#header li {
	margin-left: 1em;
	position: relative;
	border: solid 1px white;
}
#header li a {
	padding: 2px 4px;
}
#header .active > a {
	font-weight: bold;
	text-decoration: none;
	color: black;
}
#header li.wsub:hover > a, #header li.active > a {
	z-index: 5001;
	position: relative; /* для того, чтобы работал z-index */
}
#header .submenu {
	display: none;
}
#header li:hover .submenu, #header li.active .submenuX {
	display: block;
	position: absolute;
	z-index: 4000;
	background-color: white;
	padding: 24px 10px 4px;
	margin: -24px 0 0 -11px;
	border: solid 1px #888;
	white-space: nowrap;
}
#header .submenu li {
	display: block;
	margin: .5em 0;
}

#header .search {
	position: absolute;
	top: 0;
	left: 534px;
}
#header .text {
	width: 200px;
	border: solid 1px #ccc;
	padding: 4px 20px 4px 4px;
	font-family: sans-serif;
	font-size: 12px;
}
#header .search button {
	background: transparent url(search.png) no-repeat center center;
	border: none;
	cursor: pointer;
	margin-left: -20px;
	padding: 0;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
#header .search button span {
	display: none;
}

/**
 * Метки при входе в поиск.
 */
#plh {
	background-color: #f8f8f8;
	border: solid 1px #f0f0f0;
	padding: 10px;
	margin: 10px 0;
	text-align: center;
	display: none;
}
#plh a {
	margin-right: 1em;
	color: green;
	white-space: nowrap;
	font-size: 14pt;
}
#plh a.weight1 { font-size: 8pt; }
#plh a.weight2 { font-size: 9pt; }
#plh a.weight3 { font-size: 10pt; }
#plh a.weight4 { font-size: 11pt; }
#plh a.weight5 { font-size: 12pt; }
#plh a.weight6 { font-size: 13pt; }
#plh p {
	margin-top: 0;
}

.twocol .left {
	width: 150px;
	float: left;
}
.twocol .right {
	margin-left: 170px;
}

.twocolrev .left {
	width: 206px; /* 200 на картинку, 4 на padding, 2 на бордюр */
	float: right;
}
.twocolrev .right {
	margin-right: 220px;
}

.left ul {
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}
.left ul li {
	line-height: 1.5em;
}

/* upload your album */
.uya {
	color: gray;
	font-size: 9pt;
	margin-top: 3em;
}
.uya p {
	margin: .25em 0;
}
.statuserr {
	font-style: italic;
	color: red;
}

h2 {
	font-size: 16pt;
	font-weight: normal;
}
h2 small, h3 small {
	font-weight: normal;
	font-size: 10pt;
	margin-left: 1em;
}
h2 .help, h2 small a, h3 small a {
	color: green;
}

#album .left img {
	border: solid 1px #ccc;
	padding: 2px;
}
#album .left .labels h3 {
	display: inline;
	font-weight: normal;
	font-size: 1em;
	opacity: 0.5;
}
#album .left .labels ul {
	display: inline;
}
#album .left .dl {
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #ccc;
	color: gray;
}
#album .lic {
	margin: 1em 0;
}

#album td {
	padding: 2px 4px;
}
#album .edit-labels {
	margin: 1em 0;
}
#album .edit-labels textarea {
	width: 200px;
	height: 100px;
	max-width: 200px;
	border: solid 1px gray;
	margin-bottom: .5em;
}

/**
 * Заголовок альбома.
 */
.alh {
	background-color: #dcdcdc;
	padding: 2px 4px;
	margin-bottom: 10px;
	color: #666;
	height: 45px;
}
.alh h2 {
	margin: 5px 0;
	color: black;
	font-size: 20px;
}
.alh2 {
	font-size: 10px;
	line-height: 12px;
	margin-left: 20px;
}
.alh2 span {
	margin-right: 1em;
}
.alh2 a {
	color: #666;
}
.alh .dlb {
	float: right;
	margin: 7px 7px auto auto;
}
.alh img {
	margin-right: 4px;
	vertical-align: bottom;
	display: none;
}
.alh:hover img {
	display: inline-block;
}
.alh .button {
	line-height: 29px;
	font-size: 14px;
}

.albumcover {
	position: relative;
}
p.moreimg {
	white-space: nowrap;
	position: absolute;
	top: 170px;
	left: 2px;
	width: 198px;
	font-size: 8pt;
	z-index: 100;
	background-color: white;
	padding: 2px;
	text-align: center;
	display: none;
}
.albumcover:hover p.moreimg {
	display: block;
}
ul.moreimg {
	width: 225px;
}
ul.moreimg li {
	display: inline-block;
	margin: 10px 15px 10px 0;
}

#footer {
	text-align: center;
	padding: 50px 0 10px;
	color: gray;
}

ul.altiles {
	margin: 0;
	padding: 0;
}
.altiles li {
	display: block;
	width: 150px;
	height: 200px;
	list-style-type: none;
	margin-bottom: 20px;
	padding: 0;
	text-align: center;
	float: left;
	position: relative;
	margin-left: 52px;
}
.altiles img {
	width: 150px;
	height: 150px;
}
.altiles li.pos0 {
	margin-left: 0;
}
.altiles .smallstars {
	position: absolute;
	top: 139px;
	left: 100px;
}
/*
.altiles li div a {
	white-space: nowrap;
}
*/
.altiles small {
	white-space: nowrap;
	display: block;
	color: #444;
}
.altiles small a {
	color: inherit;
}
.altiles img {
	border: none;
	margin-bottom: .5em;
}
#index .pager {
	clear: left;
	list-style-type: none;
	text-align: center;
	width: 520px;
	margin: 30px 0 0;
	padding: 0;
}
#index .pager li {
	display: inline;
	margin: 0 2em 0 0;
	padding: 0;
}
#index .tile {
	margin: 0 45px 10px 0;
}
#index .pos-3 {
	margin-right: 0;
}


#closed {
	width: 500px;
	text-align: center;
	margin: 100px auto 0;
}


#footer {
	clear: both;
}

.fileUpload {
	background-color: #eee;
	padding: 10px;
	margin-top: 1em;
}
.fileUpload div {
	margin-bottom: 10px;
}

.left .labels {
	margin: 1em 0;
}
.labels {
	padding: 0;
}
.labels li {
	display: inline-block;
	font-size: 9pt;
}
.labels a {
	text-decoration: none;
	color: green;
	margin-right: 2px;
}
.labels a:hover {
	text-decoration: underline;
}
.labels sup {
	color: gray;
}

.noaudio {
	font-style: italic;
}
html.audio .noaudio {
	display: none;
}
#content .player {
	margin-bottom: 20px;
}
.tracklist, .tracklist .track {
	width: 530px;
}
.tracklist td {
	line-height: 17px; /* подстраиваемся под высоту таблицы с кнопкой проигрывания */
}
.tracklist .dur {
	color: gray;
	padding-left: 10px;
}

/* Ссылки на скачивание дорожек выводятся только при наведении курсора на дорожку. */
.tracklist .dl a {
	color: green;
	text-decoration: none;
	visibility: hidden;
}
.tracklist tr:hover .dl a {
	visibility: visible;
}
.tracklist .playing td.track > div {
	background-color: #ccc;
}
.tracklist .playing .prg {
	margin-top: 2px;
	background-color: red;
	height: 4px;
}

.star {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: transparent no-repeat top left url();
	cursor: pointer;
	margin-right: 4px;
}
.star.on {
	background-image: url();
}
.smallstars {
	display: inline-block;
	width: 50px;
	height: 10px;
	background-position: top left;
	background-repeat: no-repeat;
	background: transparent url(stars-5x6-small.png) no-repeat top left;
}
.smallstars span {
	display: none;
}
.rate-1 { background-position-y: -10px; }
.rate-2 { background-position-y: -20px; }
.rate-3 { background-position-y: -30px; }
.rate-4 { background-position-y: -40px; }
.rate-5 { background-position-y: -50px; }

#ntfctn {
	text-align: center;
	font-weight: bold;
	margin: 10px 0 10px;
	font: 14px;
	height: 14px;
}
#ntfctn p {
	display: inline;
	background-color: #fff1a8; /* #80ff80; /* google: #FFF1A8 */
	padding: 2px 10px;
	margin: 0;
	border-radius: 4px;
}


/**
 * Рецензии
 */
.reviews {
	margin-top: 30px;
}
.reviews textarea {
	width: 500px;
	max-width: 500px;
	height: 100px;
	border: solid 1px gray;
	padding: 2px 2px 20px 10px;
}
textarea.hidden {
	display: block;
	height: 50px;
	color: #888;
}
.reviews form th {
	font-size: 9pt;
	font-weight: normal;
	text-align: right;
}
.review {
	margin: 20px 0 40px;
}
.reviews .hint {
	font-style: italic;
	font-family: serif;
	background-color: pink;
	padding: 2px 4px;
}
.review .meta {
	color: #666;
	font-size: 9pt;
}
.review .meta a.u {
	color: black;
	font-weight: bold;
	text-decoration: none;
}
.review .meta span {
	margin-right: 1em;
}
.review p {
	margin-left: 2em;
}

/**
 * Ссылка-кнопка.
 */
a.button {
	background: #e3e3e3 url(button-back.png) repeat-x center center;
	text-decoration: none;
	color: black;
	border: solid 1px #888;
	border-left: solid 1px #aaa;
	border-top: solid 1px #aaa;
	display: inline-block;
	padding: 0 10px;
	white-space: nowrap;
	line-height: 22px;
	font-size: 12px;
	outline: none;
}
a.button span.more {
	color: #aaa;
}
a.button span.more:hover {
	color: black;
}

/**
 * Ссылка на RSS.
 */
a.rss {
	background: transparent url(rss.gif) no-repeat top left;
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: bottom;
}
a.rss span {
	display: none;
}
h3 a.rss {
	display: none;
	margin-left: 4px;
}
h3:hover a.rss {
	display: inline-block;
}

/**
 * Всплывающие меню.
 */
.popup {
	position: absolute;
	z-index: 5000;
	display: none;
	white-space: nowrap;
}
ul.popup {
	list-style-type: none;
	padding: 4px 8px;
	margin: 0;
	background-color: #eee;
	border: solid 2px #888;
	border-left: solid 1px #aaa;
	border-top: solid 1px #aaa;
}

/**
 * Вывод альбома в списке.
 */
li.album .cover {
	display: inline-block;
	text-decoration: none;
}
li.album img {
	border: solid 1px black;
}

/**
 * Разворачиваемый информационный блок.
 */
.expando h3 {
	font-size: 1em;
	font-weight: normal;
}
.expando ul {
	display: none;
}

/**
 * Расписание событий.
 */
#events td, #events th {
	padding: 2px 4px;
}
#events .artist {
	white-space: nowrap;
}
#events th {
	font-weight: normal;
	font-style: italic;
	font-family: serif;
	opacity: 0.5;
}
#events tr.odd {
	background-color: #f0f0f0;
}

/**
 * Моя страница.
 */
#my h2 {
	clear: both;
}
#my blockquote {
	margin-left: 2em;
}

/**
 * Рейтинг исполнителей.
 */
#chart small a {
	color: green;
	font-size: 8pt;
	margin-left: 1em;
}



/**
 * Оформление случайной фразы на главной странице.
 */
#clip {
	font-weight: normal;
	text-align: left;
	opacity: 0.8;
}
#clip .c {
	cursor: pointer;
	float: left;
	color: gray;
	margin-right: 1em;
}
#clip ul, #clip li {
	margin: 0;
	padding: 0;
}
#clip li {
	list-style-type: none;
	display: none;
}

/**
 * Простая таблица.
 */
table.basic {
	border-collapse: collapse;
}
table.basic th, table.basic td {
	padding: 4px 8px;
	text-align: left;
	vertical-align: top;
	border-bottom: solid 1px #eee;
	border-right: solid 1px #eee;
}

/**
 * Профиль пользователя.
 */
#profile img {
	float: left;
}
#profile ul {
	margin: 0 0 0 90px;
	padding: 0;
	list-style-type: none;
}

#player .filter {
	height: 130px;
}
#player .filter ul {
	margin: 0;
	padding: 4px;
	list-style-type: none;
	border: solid 1px gray;
	width: 360px;
	height: 100px;
	float: left;
	overflow: auto;
}
#player .filter li {
	margin: 0;
}
#player .filter .albums {
	float: right;
}
#player .track .ogg, #player .track .mp3 {
	display: none;
}
#player .pb {
	width: 20px;
	text-align: right;
}
#player .tracklist tbody tr:hover {
	background-color: #eee;
}
#player table {
	width: 100%;
}

/**
 * Оформление страницы радио.
 */
#radio {
	position: relative;
	height: 200px;
}
#radio .other {
	position: absolute;
	left: 350px;
	top: 25px;
	width: 410px;
}
#radio .info {
	opacity: 0.7;
}

/**
 * Очередь файлов.
 */
.queue .size {
	text-align: right;
}

/* vim: set ts=4 sts=4 sw=4 noet nocindent: */
